<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>车辆数据</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" type="text/css" href="assets/layui/css/layui.css" media="all" />
		<link rel="stylesheet" type="text/css" href="assets/css/all.css" media="all"/>
	</head
	<body>
		<div class="layui-fluid" >
			<div id="mainChart" style="width: 600px;height:400px;"></div>
		</div>
		<script src="assets/layui/layui.js" type="text/javascript"></script>
		<script src="assets/js/all.js" type="text/javascript"></script>
		<script type="text/javascript">
			layui.use(['table','layer','laypage','form'],function(){
				var table = layui.table,
					layer = layui.layer,
					laypage = layui.laypage,
					form = layui.form,
					$ = layui.$

				
			})
		</script>
		
		<script src="assets/js/echarts.js" type="text/javascript"></script>
		<script type="text/javascript">
	        // 基于准备好的dom，初始化echarts实例
	        var myChart = echarts.init(document.getElementById('mainChart'));
	
	        // 指定图表的配置项和数据
	        var option = {
	            title: {
	                text: '车辆数据统计',
	                x:'center'
	            },
	            tooltip: {},
	            legend: {
	            	orient: 'vertical',
	                data: ["销售结束","已推全","已报价","待过户","待签合同","待付款"],
	                left: 'left'
	            },
	            series: [{
	                name: '状态',
	                type: 'pie',
	                radius : '55%',
		            center: ['50%', '60%'],
		            data:[
		                {value:335, name:'销售结束'},
		                {value:310, name:'已推全'},
		                {value:234, name:'已报价'},
		                {value:135, name:'待过户'},
		                {value:1000, name:'待签合同'},
		                {value:548, name:'待付款'}
		            ],
		            itemStyle: {
		                emphasis: {
		                    shadowBlur: 10,
		                    shadowOffsetX: 0,
		                    shadowColor: 'rgba(0, 0, 0, 0.5)'
		                }
		            }
	            }]
	        };
	
	        // 使用刚指定的配置项和数据显示图表。
	        myChart.setOption(option);
	    </script>
	</body>

</html>